<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ page contentType="text/html;charset=ISO-8859-1" import="ve.usb.crm.hibernate.*,ve.usb.crm.CohesionActor;"
         %><html:html>
    <head>
        <title>Nuevo Usuario</title>
        <html:base/><%@include file="../header/include.jsp" %>
    </head>

    <body>
        <div id="header" class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <%--        <ul id="nav">
                            <li><html:link action="/APreUsuarios.do"><bean:message key="VCrearUsuario.label1"/></html:link></li>

                </ul>
                --%>    </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1>Nuevo Usuario</h1></div>
                            <div  class="ui-widget-content ui-widget">

                                <script type="text/javascript">
                                    $(function() {
                                        $("#tabs").tabs();
                                    });
                                </script>
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos de Conexi&oacute;n</a></li>
                                        <li><a href="#tabs-2">Datos del Cliente</a></li>
                                    </ul>

                                    <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                        <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                            <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreUsuarios.do" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Ir a Usuarios</html:link></li></cohesion:actor>
                                        </ul>
                                    </div>
                                    <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                        <div id="form_container">


                                            <html:form styleId="F235785"
                                                       action="/ACrearUsuario.do" method="post">
                                                <%
                                                            Personal usuario = (Personal) request.getAttribute("usuario");
                                                %>
                                                <html:hidden property="idUsuario"/>


                                                <div id="tabs-1">

                                                    <%

                                                                if (usuario == null) {%>
                                                    <%--input para el login del usuario--%>
                                                    <div class="formRow <logic:notEmpty name="loginError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="login">Alias</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="login" property="login" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="loginError">
                                                            ${loginError}
                                                        </logic:notEmpty>
                                                    </div>



                                                    <%--input para la password--%>

                                                    <div class="formRow <logic:notEmpty name="passwordError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="password">Clave</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:password styleId="password" property="password" size="50"/>
                                                        </div>



                                                        <%--input para la confirmacion de la password--%>


                                                        <div class="labelRow">
                                                            <label for="passwordConfirmacion">Confirmar Clave</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:password styleId="passwordConfirmacion" property="passwordConfirmacion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="passwordError">
                                                            ${passwordError}
                                                        </logic:notEmpty>
                                                        <logic:notEmpty name="passwordConfirmacionError">
                                                            ${passwordConfirmacionError}
                                                        </logic:notEmpty>

                                                    </div>

                                                    <% if (CohesionActor.checkActor(request, CohesionActor.ACTOR_administrador + CohesionActor.ACTOR_empleado)) {%>
                                                    <%--input para el roll--%>

                                                    <div class="formRow <logic:notEmpty name="rolError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="rol">Rol</label>
                                                        </div>
                                                        <div class="inputRow">



                                                            <html:select styleId="rol" property="rol" value="${empty rol ? 0 : rol.idCategoria}"><html:optionsCollection property="listRolCategoria"/></html:select>

                                                        </div>
                                                        <logic:notEmpty name="rolError">
                                                            ${rolError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%}%>


                                                    <%} else {%>


                                                    <div class="formRow <logic:notEmpty name="loginError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="login">Alias</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="login" property="login" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="loginError">
                                                            ${loginError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <html:hidden styleId="rol" property="rol" />
                                                    <%}%>
                                                </div>
                                                <div id="tabs-2">


                                                    <%--input para el nombre--%>
                                                    <div class="formRow <logic:notEmpty name="nombreError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="nombre">Nombre</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="nombre" property="nombre" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="nombreError">
                                                            ${nombreError}
                                                        </logic:notEmpty>
                                                    </div>




                                                    <%--<p id="235787_C"><label for="235787"><bean:message key="FCrearUsuario.label0"/></label><html:text styleId="235787" property="nombre" size="30"/></p>--%>

                                                    <%--input para el apellido--%>
                                                    <div class="formRow <logic:notEmpty name="apellidoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="apellido">Apellido</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="apellido" property="apellido" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="apellidoError">
                                                            ${apellidoError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%--<p id="377132_C"><label for="377132"><bean:message key="FCrearUsuario.label1"/></label><html:text styleId="377132" property="apellido" size="30"/></p>--%>

                                                    <%--input para la direccion--%>
                                                    <div class="formRow <logic:notEmpty name="direccionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="direccion">Direcci&oacute;n</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="direccion" property="direccion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="direccionError">
                                                            ${direccionError}
                                                        </logic:notEmpty>
                                                    </div>
                                                    <%--<p id="377135_C"><label for="377135"><bean:message key="FCrearUsuario.label2"/></label><html:text styleId="377135" property="direccion" size="30"/></p>--%>

                                                    <%--input para el correo electronico--%>
                                                    <div class="formRow <logic:notEmpty name="correoEError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="correoE">Correo Electr&oacute;nico</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="correoE" property="correoE" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="correoEError">
                                                            ${correoEError}
                                                        </logic:notEmpty>
                                                    </div>



                                                    <%--<p id="377138_C"><label for="377138"><bean:message key="FCrearUsuario.label3"/></label><html:text styleId="377138" property="correoE" size="30"/></p>--%>

                                                    <%--input para el telefono de habitacion--%>

                                                    <div class="formRow <logic:notEmpty name="telefonoHabitacionError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoHabitacion">Tel&eacute;fono de Habitaci&oacute;n</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoHabitacion" property="telefonoHabitacion" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoHabitacionError">
                                                            ${telefonoHabitacionError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--<p id="377144_C"><label for="377144"><bean:message key="FCrearUsuario.label4"/></label><html:text styleId="377144" property="telefonoHabitacion" size="30"/></p>--%>

                                                    <%--input para el telefono del movil--%>

                                                    <div class="formRow <logic:notEmpty name="telefonoMovilError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoMovil">Tel&eacute;fono Celular</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoMovil" property="telefonoMovil" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoMovilError">
                                                            ${telefonoMovilError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--<p id="377148_C"><label for="377148"><bean:message key="FCrearUsuario.label5"/></label><html:text styleId="377148" property="telefonoMovil" size="30"/></p>--%>

                                                    <%--input para el telefono extension--%>

                                                    <div class="formRow <logic:notEmpty name="telefonoExtError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="telefonoExt">Extensi&oacute;n de Tel&eacute;fono</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="telefonoExt" property="telefonoExt" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="telefonoExtError">
                                                            ${telefonoExtError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--<p id="377151_C"><label for="377151"><bean:message key="FCrearUsuario.label6"/></label><html:text styleId="377151" property="telefonoExt" size="30"/></p>--%>

                                                    <%--input para la fecha de nacimiento--%>
                                                    <div class="formRow <logic:notEmpty name="fechaNacimientoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="fechaNacimiento">Fecha de Nacimiento</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="fechaNacimiento" property="fechaNacimiento" size="50"/>
                                                            <script>

                                                                $(function() {
                                                                    $( "#fechaNacimiento" ).datepicker({
                                                                        changeMonth: true,
                                                                        changeYear: true,
                                                                        yearRange: 'c-110:c+0'

                                                                    });
                                                                });
                                                            </script>
                                                        </div>
                                                        <logic:notEmpty name="fechaNacimientoError">
                                                            ${fechaNacimientoError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--<p id="377154_C"><label for="377154"><bean:message key="FCrearUsuario.label7"/></label><html:text styleId="377154" property="fechaNacimiento" size="30" readonly="true" onclick="NewCal('377154','ddmmyyyy');"/></p>--%>

                                                    <%--input para el lugar de nacimiento--%>

                                                    <div class="formRow <logic:notEmpty name="lugarNacimientoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="lugarNacimiento">Lugar de Nacimiento</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="lugarNacimiento" property="lugarNacimiento" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="lugarNacimientoError">
                                                            ${lugarNacimientoError}
                                                        </logic:notEmpty>
                                                    </div>

                                                    <%--<p id="377157_C"><label for="377157"><bean:message key="FCrearUsuario.label8"/></label><html:text styleId="377157" property="lugarNacimiento" size="30"></html:text></p>--%>


                                                    <div class="formRow <logic:notEmpty name="departamentoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="departamento">Departamento</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="departamento" property="departamento" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="departamentoError">
                                                            ${departamentoError}
                                                        </logic:notEmpty>
                                                    </div>


                                                    <%--<p id="377160_C"><label for="377160"><bean:message key="FCrearUsuario.label9"/></label><html:text styleId="377160" property="departamento" size="30"/></p>--%>

                                                    <%--input para el sueldo--%>
                                                    <div class="formRow <logic:notEmpty name="sueldoError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                        <div class="labelRow">
                                                            <label for="sueldo">Sueldo</label>
                                                        </div>
                                                        <div class="inputRow">
                                                            <html:text styleId="sueldo" property="sueldo" size="50"/>
                                                        </div>
                                                        <logic:notEmpty name="sueldoError">
                                                            ${sueldoError}
                                                        </logic:notEmpty>
                                                    </div>
                                                </div>
                                                <%--<p id="377163_C"><label for="377163"><bean:message key="FCrearUsuario.label10"/></label><html:text styleId="377163" property="sueldo" size="30"/></p>--%>

                                                <html:submit styleClass="button"><bean:message key="VCrearUsuario.label0"/></html:submit>
                                            </html:form></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="right">

                        <%@include file="../administrador/VMenuAdmin.jsp" %>



                    </div>                                        <div class="clearer ui-helper-clearfix"></div>

                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>

    </body>
</html:html>